@charset "utf-8";
@import "common";
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}

section {
    width: 1308px;
    height: 1312px;
    margin: 0 auto;
    .left-section {
        width: 828px;
        height: 997px;
        float: left;
        margin-top: 27px;
        //      我的购物车-文字样式
        .My-shopping-cart-text {
            p {
                font-size: 18px;
            }
        }
        //      VIP九折-文字样式
        .vip-text {
            margin-top: 30px;
            background: #efefef;
            height: 32px;
            span {
                font-size: 14px;
                color: #e02a2a;
                line-height: 32px;
                margin-left: 28px;
            }
        }
        //      商品、数量、价格、小计导航栏-文本样式
        .Details {
            margin-top: 22px;
            ul {
                margin-bottom: 9px;
            }
            li {
                float: left;
                font-size: 14px;
            }
            li:nth-of-type(2) {
                padding-left: 434px;
                padding-right: 102px;
            }
            li:last-of-type {
                padding-left: 102px;
            }
        }
        //      <!--购物车商品-->
        .Shopping-cart-merchandise {
            height: 247px;
            border-top: 1px solid #dadada;
            border-bottom: 1px solid #dadada;
            font-size: 14px;
            position: relative;
            //          商品图片
            .img {
                width: 120px;
                height: 120px;
                position: absolute;
                top: 23px;
                left: 0px;
                background: gray;
                opacity: 0.8;
            }
            .img:hover {
                opacity: 1;
            }
            h3 {
                font-weight: 500;
                position: absolute;
                left: 140px;
                top: 22px;
            }
            ul {
                position: absolute;
                left: 140px;
                top: 81px;
                li {
                    padding-bottom: 15px;
                }
                span {
                    color: #b0b0b0;
                }
            }
            //          加减按钮
            .but-text {
                position: absolute;
                left: 429px;
                top: 23px;
                font-size: 0px;
                input[type="text"] {
                    width: 34px;
                    height: 19px;
                    text-align: center;
                    border-left: 0px;
                    border-right: 0px;
                }
                input[type="button"] {
                    width: 22px;
                    height: 19px;
                }
            }
            .price {
                position: absolute;
                top: 23px;
                left: 579px;
            }
            .sum {
                position: absolute;
                left: 708px;
                top: 23px;
            }
        }
        .recommend {
            margin-top: 50px;
            p {}
            //        推荐商品-文字样式
            .Recommended-Commodities {
                height: 32px;
                background: #efefef;
                margin-top: 18px;
                span {
                    font-size: 14px;
                    color: #e02a2a;
                    line-height: 32px;
                    margin-left: 28px;
                }
            }
        }
        //      推荐商品框架
        .section-left-end {
            position: relative;
            height: 258px;
            .left-img {
                float: left;
                margin-top: 128px;
            }
            .img-box1 {
                position: absolute;
                left: 98px;
                top: 20px;
            }
            .img-box2 {
                position: absolute;
                left: 268px;
                top: 20px;
            }
            .img-box3 {
                position: absolute;
                left: 437px;
                top: 20px;
            }
            .img-box4 {
                position: absolute;
                left: 607px;
                top: 20px;
            }
            .right-img {
                float: right;
                margin-top: 128px;
            }
            .commodity-text {
                display: inline-block;
                margin-top: 204px;
                ul {
                    float: left;
                    padding-right: 47px;
                    li {
                        width: 123px;
                        font-size: 14px;
                        line-height: 20px;
                    }
                }
                ul:first-of-type {
                    margin-left: 105px;
                }
                ul:last-of-type {
                    padding-right: 0px;
                }
            }
        }
    }
    //  内容右边部分
    .right-section {
        width: 460px;
        height: 352px;
        background: #efefef;
        float: right;
        margin-top: 75px;
        //      结算详细信息
        .settle-accounts {
            font-size: 14px;
            padding-bottom: 20px;
            li {
                float: left;
                width: 125px;
            }
            ul:first-of-type {
                margin-top: 25px;
            }
            ul li:first-of-type {
                margin-left: 45px;
            }
            ul:nth-of-type(3) {
                margin-top: 34px;
                li {
                    width: 206px;
                }
            }
            ul:nth-of-type(4) li:nth-of-type(2) {
                width: 183px;
                text-align: right;
            }
            ul li {
                padding-bottom: 5px;
            }
        }
        .hr {
            width: 310px;
            height: 1px;
            border: 1px solid #dadada;
            margin-left: 45px;
        }
        .count{
            margin-top: 20px;
            margin-left: 45px;
            p{
                display: inline-block;
                font-size: 18px;
            }
            p:first-of-type{
                margin-right: 115px;
            }
            
        }
        .count-button{
            margin-top: 66px;
            margin-left: 90px;
            input[type="button"]{
                width: 240px;
                height: 37px;
                background: #584c4c;
                border-radius: 8px;
                font-size: 18px;
                color: white;
            }
        }
    }
}